@font-face { font-family:'DINPro';src:url('https://www.expresia.com/media/hinted-DINPro-Light.ttf') format('opentype');font-weight:normal;font-style:normal; }
@font-face { font-family:'DINProMedium';src:url('https://www.expresia.com/media/hinted-DINPro-Medium.ttf') format('opentype');font-weight:normal;font-style:normal; }

html,body,main { height:100%;font-family:DINPro; }

/* layout */
.xpr-starter header { background:linear-gradient(178.92deg,#0b1539 21.11%,#3a2557 99.07%);width:100%;height:130px;position:fixed;top:0;left:0;z-index:2; }
.xpr-starter header figure { padding:0px 30px;margin:0;width:190px;display:inline-block;vertical-align:middle; }
.xpr-starter header figure img { width:190px;height:100%; }
h1 { font-family:DINPro;font-size:30px;line-height:35px;color:#262F45; }
h2 { font-family:DINProMedium;font-size:18px;line-height:23px;color:#4C5363; }
h3 { font-family:DINProMedium;font-size:15px;line-height:20px;color:#262F45; }
p { font-size:16px;line-height:25px;color:#767B87;margin:0 0 20px; }

.xpr-starter .button { display:inline-block;width:auto;padding:0px 45px;height:48px;line-height:46px;font-family:DINProMedium;text-decoration:none;font-size:14px;text-align:center;color:#fff;border-radius:30px;background:#00A8FF;-webkit-appearance:none;border:1px solid #fff; }
.xpr-starter .cta article a.more { font-family:'DINProMedium';font-size:11px;text-transform:uppercase; }
.xpr-starter .cta article a.more i { font-size:12px;margin-left:5px;color:#00A8FF;vertical-align:middle; }
.xpr-starter .cta article.purple a,
.xpr-starter .cta article.purple a.more i { color:#6962E3; }
.xpr-starter .cta article.green a,
.xpr-starter .cta article.green a.more i { color:#55D9AE; }
.xpr-starter .cta article.yellow a,
.xpr-starter .cta article.yellow a.more i { color:#FFB44C; }
.xpr-starter .cta article.grey a,
.xpr-starter .cta article.grey a.more i { color:#4C5363; }
.xpr-starter .cta article { border:1px solid #00A8FF;height:275px;color:#00A8FF; }
.xpr-starter .cta article.purple { border-color:#6962E3;color:#6962E3; }
.xpr-starter .cta article.green { border-color:#55D9AE;color:#55D9AE; }
.xpr-starter .cta article.yellow { border-color:#FFB44C;color:#FFB44C; }
.xpr-starter .cta article.grey { border-color:#dadada;color:#4C5363;height:auto; }
.xpr-starter .cta article p { font-size:14px;line-height:19px;color:#4C5363;margin:0 0 20px; }
.xpr-starter .cta article img { margin:0px 0px 20px; }
.starter-intro { margin:190px 0 80px; }

/* css effects */

/* ripple */
@-webkit-keyframes ripple-out { 100% { top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0; } }
@keyframes ripple-out { 100% { top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0; } }
.ripple-out { display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative; }
.ripple-out:before { content:'';position:absolute;border:#fff solid 0px;top:-1px;right:-1px;bottom:-1px;left:-1px;-webkit-animation-duration:1s;animation-duration:1s;border-radius:30px; }
.ripple-out:hover:before,.ripple-out:focus:before,.ripple-out:active:before { border:#fff solid 1px;-webkit-animation-name:ripple-out;animation-name:ripple-out; }
.ripple-out.blue:before,.ripple-out.blue:hover:before,.ripple-out.blue:focus:before,.ripple-out.blue:active:before { border-color:#00A8FF; }

@media (max-width:991px) {
    .xpr-starter .cta article { height:auto; }
}

@media (max-width:767px) {
    .starter-intro { margin-top:80px; }
    .xpr-starter header { height:60px; }
}